.module-customize-1-page-intro.standard .title-wrapper,.module-customize-1-page-intro.standard .background-image-standard {
    display: block
}

.module-customize-1-page-intro.standard .background-image-fallback {
    display: none
}

.module-customize-1-page-intro.fallback .title-wrapper,.module-customize-1-page-intro.fallback .background-image-standard {
    display: none
}

.module-customize-1-page-intro.fallback .background-image-fallback {
    display: block
}

@media(min-width: 768px) and (max-width:991px) {
    .module-customize-1-page-intro .container {
        padding:0
    }
}

@media(max-width: 767px) {
    .module-customize-1-page-intro .container {
        padding:0
    }
}

.module-customize-intro1,.module-customize-intro2 {
    width: 100%;
    height: 100%;
    position: absolute
}

.module-customize-intro1 {
    background-color: #fff;
    z-index: 901
}

.module-customize-intro2 {
    background-color: #fff;
    z-index: 900
}

#faster .module-customize-intro1 img.Allyou-intro-go {
    top: 50%;
    margin-top: -395px;
    position: absolute;
    margin-left: -640px;
    left: 50%;
    width: 1280px;
    height: 800px
}

#faster .module-customize-intro1 img.Allyou-intro-scooter {
    height: 800px;
    width: 1280px;
    top: 50%;
    margin-top: -500px;
    position: absolute;
    left: 50%;
    width: 1280px;
    height: 800px;
    margin-left: -640px
}

#faster .module-customize-intro1 .Allyou-intro-btn1 {
    top: 50%;
    margin-top: 260px;
    position: absolute;
    left: 50%;
    margin-left: -85px
}

html[lang=zh-TW] #faster .module-customize-intro1 .Allyou-intro-btn1 {
    top: 50%;
    margin-top: 260px;
    position: absolute;
    left: 50%;
    margin-left: -65px
}

#faster .module-customize-intro2 img.Allyou-intro2-scooter {
    height: 800px;
    width: 1280px;
    top: 50%;
    margin-top: -402px;
    position: absolute;
    left: 50%;
    width: 1280px;
    height: -800px;
    margin-left: -700px
}

#faster .module-customize-intro2 .homePageIntro2Word {
    position: absolute;
    top: 50%;
    margin-top: -136px;
    left: 50%;
    margin-left: 159px
}

body.intro-takeover {
    overflow: hidden
}

@media(min-width: 992px) and (max-width:1199px) {
    body.intro-takeover {
        overflow:visible
    }

    .module-customize-intro1,.module-customize-intro2 {
        display: none
    }
}

@media(min-width: 768px) and (max-width:991px) {
    body.intro-takeover {
        overflow:visible
    }

    .module-customize-intro1,.module-customize-intro2 {
        display: none
    }
}

@media(max-width: 767px) {
    body.intro-takeover {
        overflow:visible
    }

    .module-customize-intro1,.module-customize-intro2 {
        display: none
    }
}

.homePageIntro2Word h2 {
    font-size: 5rem;
    font-family: 'flama-condensed-bold','xingothic-w8','Microsoft JhengHei','STHeiti';
    margin-top: 0;
    margin-bottom: 0;
    line-height: .8
}

html[lang=zh-TW] .homePageIntro2Word h2 {
    font-family: 'xingothic-w8','Microsoft JhengHei','STHeiti';
    font-weight: 500;
    line-height: 1
}

.homePageIntro2Word h3 {
    font-family: 'graphik-light','xingothic-w3','Microsoft JhengHei','STHeiti';
    margin-top: 10px;
    margin-bottom: 20px
}

.All_You_hide {
    display: none
}

.All_You_Show {
    display: block
}

.module-customize-intro1 .icon-arrow-down,.module-customize-intro2 .icon-arrow-down {
    color: #c1c1c3;
    font-size: 25px;
    text-align: center;
    left: 50%;
    position: absolute;
    margin-left: -12px;
    bottom: 11px
}

.module-faster-0-site-intro .video_hero {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 800;
    background: #090909;
    top: 0
}

#landingPage {
    position: absolute;
    z-index: 820;
    background: #fff;
    width: 100%;
    height: 100%
}

.video_hero .container {
    height: 100%;
    width: 100%;
    text-align: center;
    position: absolute;
    z-index: 820;
    top: 0;
    background: url(//images.gogoroapp.com/module-faster-2-square-demo_20150329.jpg) #000 no-repeat;
    background-size: contain;
    background-position: center center
}

.video_hero .container.transparent {
    z-index: 800
}

.video_hero a {
    margin: auto;
    color: #fff;
    font-style: italic
}

.heroPlayBtn {
    width: 180px;
    height: 180px;
    border: 2px solid #fff;
    border-radius: 90px
}

.playBtnContainer {
    margin-top: 10px;
    width: 100%;
    height: 52px;
    display: inline-block;
    position: relative;
    overflow: hidden
}

.playBtnLayer {
    width: 164px;
    position: absolute
}

.playBtnLayer div {
    float: left;
    height: 52px;
    line-height: 52px;
    font-size: 52px;
    font-weight: bold
}

.heroPlayBtn .playBtnLayer {
    letter-spacing: 2px;
    left: 30px;
    -webkit-transition: .5s;
    transition: .5s
}

.heroPlayBtn:hover .playBtnLayer {
    left: -48px;
    -webkit-transition: .5s;
    transition: .5s;
    color: #fff
}

@media(max-width: 767px) {
    .video_hero .vertical-center-flex {
        display:flex!important
    }
}

.playBtnLayer div:first-child {
    width: 112px;
    opacity: 1;
    height: 48px;
    padding-top: 4px;
    line-height: 20px;
    font-size: 18px;
    font-weight: bold;
    font-family: "graphik-black-italic","HelveticaNeue","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    -webkit-transition: .5s;
    transition: .5s
}

.heroPlayBtn:hover .playBtnLayer div:first-child {
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s
}

.playBtnLayer div:last-child {
    width: 52px;
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s
}

.heroPlayBtn:hover .playBtnLayer div:last-child {
    opacity: 1;
    -webkit-transition: .5s;
    transition: .5s
}

.video_hero iframe {
    width: 100%;
    height: inherit;
    position: absolute;
    z-index: 800;
    left: 0
}

.video_hero h2 {
    padding: 13px 0;
    color: #fff!important;
    font-size: 45px;
    line-height: 42px;
    font-weight: bold;
    text-align: left;
    position: absolute;
    top: 50%;
    left: 45%;
    width: 160px;
    height: 90px;
    margin-top: -70px!important;
    margin-left: -220px;
    font-family: 'flama-condensed-bold',sans-serif
}

html[lang=zh-TW] .video_hero h2 {
    font-family: 'xingothic-w8','Microsoft JhengHei','STHeiti';
    font-weight: 500;
    line-height: 50px;
    left: 40%;
    width: 280px;
    margin-top: -60px!important;
    height: auto
}

@media(min-width: 320px) and (max-height:568px) {
    .video_hero h2 {
        top:438px;
        margin-top: 0!important;
        margin-left: -160px!important;
        width: 100%!important;
        height: 32px!important;
        line-height: 32px!important;
        text-align: center
    }

    .video_hero h2 br {
        display: none!important
    }
}

@media(min-width: 320px) and (max-height:480px) {
    .video_hero h2 {
        top:350px;
        margin-top: 0!important;
        margin-left: -160px!important;
        width: 100%!important;
        height: 32px!important;
        line-height: 32px!important;
        text-align: center
    }

    .video_hero h2 br {
        display: none
    }
}

.intro-container {
    position: relative;
    width: 100%;
    height: 100%
}

.videoProgress {
    width: 100%;
    position: absolute;
    border-radius: 0!important;
    bottom: 0;
    margin: 0;
    padding: 0;
    left: 0;
    height: 10px;
    background: #f2f4f3
}

.module-faster-0-site-intro .progress-bar {
    float: none;
    display: block
}

.progress {
    box-shadow: none
}

.grayProgress {
    background: #b8bcbf;
    box-shadow: none
}

body.main-header-fixed {
    padding-top: 52px
}

.module-faster-1-page-intro.standard .title-wrapper,.module-faster-1-page-intro.standard .background-image-standard {
    display: block
}

.module-faster-1-page-intro.standard .background-image-fallback {
    display: none
}

.module-faster-1-page-intro.fallback .title-wrapper,.module-faster-1-page-intro.fallback .background-image-standard {
    display: none
}

.module-faster-1-page-intro.fallback .background-image-fallback {
    display: block
}

@media(min-width: 768px) and (max-width:991px) {
    .module-faster-1-page-intro .container {
        padding:0
    }
}

@media(max-width: 767px) {
    .module-faster-1-page-intro .container {
        padding:0
    }
}

.module-faster-1-page-intro .title-wrapper svg .kmh {
    font-family: "graphik-extra-light","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 200;
    font-style: normal
}

.module-faster-1-page-intro .title-wrapper svg {
    left: -25px
}

@media(max-width: 767px) {
    .module-faster-1-page-intro .title-wrapper svg {
        left:50%;
        margin-left: -192px
    }
}

.module-faster-1-page-intro .kmh {
    font-family: "graphik-semibold","HelveticaNeue","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 600;
    font-style: normal
}

.module-faster-1-page-intro .kmh .text {
    display: block
}

.module-faster-1-page-intro .sec {
    font-family: "graphik-light","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 300;
    font-style: normal
}

.module-faster-2-clean-video {
    position: relative;
    background: #000;
    text-align: center
}

.module-faster-2-clean-video {
}

.module-faster-2-clean-video .fallback {
    display: none
}

.module-faster-2-clean-video .btn-translucent {
    display: none;
    position: absolute;
    width: 270px;
    bottom: 15%;
    left: 50%;
    margin-left: -135px
}

@media(min-width: 768px) and (max-width:991px) {
    .module-faster-2-clean-video {
        background-image:none;
        height: auto
    }

    .module-faster-2-clean-video img.fallback {
        display: block
    }

    .module-faster-2-clean-video img.standard {
        display: none
    }

    .module-faster-2-clean-video .btn-translucent {
        display: block
    }

    .module-faster-2-clean-video .video_hero {
        display: none
    }
}

@media(max-width: 767px) {
    .module-faster-2-clean-video {
        background-image:none;
        height: auto
    }

    .module-faster-2-clean-video img.fallback {
        display: block
    }

    .module-faster-2-clean-video img.standard {
        display: none
    }

    .module-faster-2-clean-video .btn-translucent {
        display: block
    }

    .module-faster-2-clean-video .video_hero {
        display: none
    }
}

.module-faster-3-summary-info {
    background: #0069d2
}

@media(min-width: 768px) and (max-width:991px) {
    .state-fallback .module-faster-3-summary-info .container {
        width:100%
    }
}

@media(max-width: 767px) {
    .state-fallback .module-faster-3-summary-info .container {
        width:100%
    }
}

.module-faster-3-summary-info .col-md-4 {
    border-left: 1px solid #0074d7;
    border-right: 1px solid #0074d7
}

.state-fallback .module-faster-3-summary-info .col-md-4 {
    border: none
}

.module-faster-3-summary-info .col-md-4 .title {
    color: #fff
}

.state-fallback .module-faster-3-summary-info .col-md-4 .title {
    opacity: 1
}

.module-faster-3-summary-info .col-md-4 .body {
    color: #00d7ff
}

.module-faster-3-summary-info .col-md-4 .description {
    color: #fff
}

.module-faster-3-summary-info .slick-dots li.slick-active button:before {
    color: #00d7ff
}

.module-faster-3-summary-info .slick-dots li:hover button:before {
    color: #00d7ff
}

.module-faster-4-performance-hero {
    width: 100%;
    height: 800px;
    position: relative;
    overflow: hidden;
    background-color: #d1d5d4;
    color: #fff
}

.module-faster-4-performance-hero:before {
    content: "";
    float: left
}

.module-faster-4-performance-hero:after {
    content: "";
    display: table;
    clear: both
}

.module-faster-4-performance-hero .container {
    position: relative;
    height: 100%
}

.module-faster-4-performance-hero .background-image {
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    background-position: 50% 50%
}

@media(max-width: 767px) {
    .module-faster-4-performance-hero .background-image {
        width:100%;
        height: 100%;
        background-size: cover;
        left: 0;
        margin-left: 0
    }
}

.module-faster-4-performance-hero .background-image {
    width: 1920px;
    background-size: contain;
    left: 50%;
    margin-left: -1280px
}

@media(min-width: 768px) and (max-width:991px) {
    .module-faster-4-performance-hero .background-image {
        width:100%;
        height: 100%;
        background-size: cover;
        left: 0;
        margin-left: 0
    }
}

@media(max-width: 767px) {
    .module-faster-4-performance-hero .background-image {
        width:100%;
        height: 100%;
        background-size: cover;
        left: 0;
        margin-left: 0
    }
}

.module-faster-5-powertrain.standard .frame-pagination-wrapper,.module-faster-5-powertrain.standard .video-viewport,.module-faster-5-powertrain.standard .module-video-scroller-backgrounds-wrapper {
    display: block
}

.module-faster-5-powertrain.fallback .frame-pagination-wrapper,.module-faster-5-powertrain.fallback .video-viewport,.module-faster-5-powertrain.fallback .module-video-scroller-backgrounds-wrapper {
    display: none
}

.module-faster-5-powertrain .module-video-scroller-content {
    width: 100%;
    height: 828px;
    position: relative;
    overflow: hidden
}

.module-faster-5-powertrain .module-video-scroller-content:before {
    content: "";
    float: left
}

.module-faster-5-powertrain .module-video-scroller-content:after {
    content: "";
    display: table;
    clear: both
}

.module-faster-5-powertrain .module-video-scroller-content .container {
    position: relative;
    height: 100%
}

.module-faster-5-powertrain .module-video-scroller-content .content-wrapper {
    position: absolute;
    top: 0;
    width: 100%;
    height: 828px;
    padding: 48px 15px;
    margin: 0
}

.module-faster-5-powertrain .module-video-scroller-content .content-wrapper .text {
    position: absolute;
    left: 50%;
    width: 260px;
    z-index: 100
}

.module-faster-5-powertrain .module-video-scroller-content .content-wrapper .text .title {
    position: relative;
    margin-bottom: 20px;
    font-family: "graphik-semibold","HelveticaNeue","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 18px;
    color: #323237
}

html[lang=zh-TW] .module-faster-5-powertrain .module-video-scroller-content .content-wrapper .text .title {
    font-family: 'xingothic-w8','Microsoft JhengHei','STHeiti';
    font-weight: 500
}

.module-faster-5-powertrain .module-video-scroller-content .content-wrapper .text .title span.small {
    display: block;
    font-family: "graphik-semibold","HelveticaNeue","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 18px
}

html[lang=zh-TW] .module-faster-5-powertrain .module-video-scroller-content .content-wrapper .text .title span.small {
    font-family: 'xingothic-w8','Microsoft JhengHei','STHeiti';
    font-weight: 500
}

.module-faster-5-powertrain .module-video-scroller-content .content-wrapper .text .body {
    position: relative;
    font-family: "graphik-light","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 18px;
    color: #323237
}

html[lang=zh-TW] .module-faster-5-powertrain .module-video-scroller-content .content-wrapper .text .body {
    font-family: 'xingothic-w3','Microsoft JhengHei','STHeiti'
}

.module-faster-5-powertrain .module-video-scroller-content .content-wrapper .text .body sup {
    position: relative;
    vertical-align: top;
    font-size: 9px;
    line-height: 27px
}

.module-faster-5-powertrain .module-video-scroller-content .content-wrapper.frame-0 .text {
    margin-left: -446px;
    top: 25%
}

.module-faster-5-powertrain .module-video-scroller-content .content-wrapper.frame-0 .text .title {
    font-family: "graphik-extra-light","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 200;
    font-style: normal;
    font-size: 44px;
    line-height: 48px
}

html[lang=zh-TW] .module-faster-5-powertrain .module-video-scroller-content .content-wrapper.frame-0 .text .title {
    font-family: 'xingothic-w3','Microsoft JhengHei','STHeiti'
}

.module-faster-5-powertrain .module-video-scroller-content .content-wrapper.frame-0 .text .body p {
    font-size: 24px
}

.module-faster-5-powertrain .module-video-scroller-content .content-wrapper.frame-1 .text {
    margin-left: 200px;
    bottom: 80px
}

.module-faster-5-powertrain .module-video-scroller-content .content-wrapper.frame-2 .text {
    margin-left: 180px;
    top: 16%
}

.module-faster-5-powertrain .module-video-scroller-content .content-wrapper.frame-3 .text {
    margin-left: 190px;
    top: 280px
}

.module-faster-5-powertrain .module-video-scroller-content .content-wrapper.frame-4 .text {
    margin-left: -175px;
    bottom: 100px;
    width: 390px
}

.module-faster-5-powertrain .module-video-scroller-content .content-wrapper.frame-5 .text {
    margin-left: -447px;
    top: 280px
}

.module-faster-5-powertrain .module-video-scroller-content .content-wrapper .background-image {
    display: none
}

.module-faster-5-powertrain .module-video-scroller-content.slick-slider .background-image {
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    background-position: 50% 50%
}

@media(max-width: 767px) {
    .module-faster-5-powertrain .module-video-scroller-content.slick-slider .background-image {
        width:100%;
        height: 100%;
        background-size: cover;
        left: 0;
        margin-left: 0
    }
}

.module-faster-5-powertrain .module-video-scroller-content.slick-slider .background-image {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 1180px;
    height: 800px;
    background-size: cover;
    z-index: -1
}

@media(min-width: 768px) and (max-width:991px) {
    .module-faster-5-powertrain .module-video-scroller-content.slick-slider .background-image {
        position:static;
        width: 100%;
        height: auto;
        margin-left: 0!important;
        margin-bottom: 24px
    }
}

@media(max-width: 767px) {
    .module-faster-5-powertrain .module-video-scroller-content.slick-slider .background-image {
        position:static;
        width: 100%;
        height: auto;
        margin-left: 0!important;
        margin-bottom: 24px
    }
}

.module-faster-5-powertrain .module-video-scroller-content.slick-slider .content-wrapper {
    position: relative;
    opacity: 1;
    overflow: hidden
}

@media(min-width: 768px) and (max-width:991px) {
    .module-faster-5-powertrain .module-video-scroller-content.slick-slider .content-wrapper {
        height:auto
    }
}

@media(max-width: 767px) {
    .module-faster-5-powertrain .module-video-scroller-content.slick-slider .content-wrapper {
        height:auto
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .module-faster-5-powertrain .module-video-scroller-content.slick-slider .content-wrapper .text {
        position:static;
        width: 100%;
        margin: 0
    }
}

@media(max-width: 767px) {
    .module-faster-5-powertrain .module-video-scroller-content.slick-slider .content-wrapper .text {
        position:static;
        width: 100%;
        margin: 0
    }
}

.module-faster-5-powertrain .module-video-scroller-content.slick-slider .content-wrapper.frame-0 .background-image {
    margin-left: -213px
}

.module-faster-5-powertrain .module-video-scroller-content.slick-slider .content-wrapper.frame-1 .background-image {
    margin-left: -790px
}

.module-faster-5-powertrain .module-video-scroller-content.slick-slider .content-wrapper.frame-2 .background-image {
    margin-left: -790px
}

.module-faster-5-powertrain .module-video-scroller-content.slick-slider .content-wrapper.frame-3 .background-image {
    margin-left: -1146px
}

.module-faster-5-powertrain .module-video-scroller-content.slick-slider .content-wrapper.frame-4 .background-image {
    margin-left: -592px
}

.module-faster-5-powertrain .module-video-scroller-content.slick-slider .content-wrapper.frame-5 .background-image {
    margin-left: -590px
}

.module-faster-5-powertrain.fallback {
    padding: 48px 0;
    background: #fff
}

@media(min-width: 768px) and (max-width:991px) {
    .module-faster-5-powertrain.fallback {
        background:#f7f7f7;
        padding: 0 0 48px
    }
}

@media(max-width: 767px) {
    .module-faster-5-powertrain.fallback {
        background:#f7f7f7;
        padding: 0 0 48px
    }
}

.module-faster-5-powertrain.fallback .module-faster-5-fallback {
    height: auto;
    padding-bottom: 48px
}

@media(min-width: 768px) and (max-width:991px) {
    .module-faster-5-powertrain.fallback .module-faster-5-fallback {
        height:auto;
        padding-bottom: 24px
    }
}

@media(max-width: 767px) {
    .module-faster-5-powertrain.fallback .module-faster-5-fallback {
        height:auto;
        padding-bottom: 24px
    }
}

.module-faster-5-powertrain.fallback .module-faster-5-fallback .slick-dots {
    margin: 0;
    bottom: 0
}

@media(min-width: 768px) and (max-width:991px) {
    .module-faster-5-powertrain.fallback .module-faster-5-fallback .slick-dots {
        bottom:0
    }
}

@media(max-width: 767px) {
    .module-faster-5-powertrain.fallback .module-faster-5-fallback .slick-dots {
        bottom:0
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .module-faster-5-powertrain.fallback .module-faster-5-fallback .background-image {
        margin-bottom:24px
    }
}

@media(max-width: 767px) {
    .module-faster-5-powertrain.fallback .module-faster-5-fallback .background-image {
        margin-bottom:24px
    }
}

.module-faster-5-powertrain.fallback .slide {
    height: 100%;
    padding: 0 0 24px
}

@media(min-width: 768px) and (max-width:991px) {
    .module-faster-5-powertrain.fallback .slide {
        height:auto;
        padding-bottom: 48px
    }
}

@media(max-width: 767px) {
    .module-faster-5-powertrain.fallback .slide {
        height:auto;
        padding-bottom: 0
    }
}

.module-faster-5-powertrain.fallback .slide .container {
    height: 100%
}

.module-faster-5-powertrain.fallback .slide img.logo {
    display: inline
}

.module-faster-5-powertrain .module-faster-5-content .module-video-scroller-content .frame-pagination-wrapper {
    display: table!important;
    width: 760px;
    height: 20px;
    right: 50%;
    bottom: 0;
    margin-right: -380px;
    text-align: center
}

.module-faster-5-powertrain .module-faster-5-content .module-video-scroller-content .frame-pagination-wrapper .page-wrapper {
    display: inline-block;
    margin-right: 10px
}

.module-faster-5-powertrain .module-faster-5-content .module-video-scroller-content .frame-pagination-wrapper .page-wrapper .title {
    display: none
}

.module-faster-5-powertrain .module-faster-5-content .module-video-scroller-content,.module-faster-5-powertrain .module-faster-5-content .module-video-scroller-content .video-viewport-wrapper {
    cursor: pointer
}

.module-faster-5-powertrain .module-faster-5-content .module-video-scroller-content .video-viewport-wrapper {
}

.module-video-scroller .module-video-scroller-content .frame-pagination-wrapper .frame-pagination .page-wrapper .page {
    margin-bottom: 4px
}

.module-faster-7-comparison-infographic {
    position: relative;
    background: #2f2e34;
    width: 100%;
    height: 600px;
    position: relative;
    overflow: hidden;
    color: #fff
}

.module-faster-7-comparison-infographic:before {
    content: "";
    float: left
}

.module-faster-7-comparison-infographic:after {
    content: "";
    display: table;
    clear: both
}

.module-faster-7-comparison-infographic .container {
    position: relative;
    height: 100%
}

@media(min-width: 768px) and (max-width:991px) {
    .module-faster-7-comparison-infographic {
        height:auto;
        padding: 0;
        text-align: left;
        background: #2f2e34
    }
}

@media(max-width: 767px) {
    .module-faster-7-comparison-infographic {
        height:auto;
        padding: 0 0 48px 0;
        background: #2f2e34
    }
}

.state-fallback .module-faster-7-comparison-infographic {
    background: #2f2e34
}

.module-faster-7-comparison-infographic .fallback {
    display: none
}

.state-fallback .module-faster-7-comparison-infographic .fallback {
    display: inline;
    width: 100%;
    height: auto
}

.module-faster-7-comparison-infographic .image {
    position: relative
}

@media(min-width: 768px) and (max-width:991px) {
    .module-faster-7-comparison-infographic .image {
        position:absolute;
        top: 0;
        left: 0;
        width: 100%;
        display: none
    }
}

@media(max-width: 767px) {
    .module-faster-7-comparison-infographic .image {
        position:absolute;
        top: 0;
        left: 0;
        width: 100%;
        display: none
    }
}

.module-faster-7-comparison-infographic .image .infographic {
    position: relative;
    display: table;
    width: 580px;
    height: 290px;
    margin: 0 auto
}

@media(min-width: 768px) and (max-width:991px) {
    .module-faster-7-comparison-infographic .image .infographic {
        width:100%
    }
}

@media(max-width: 767px) {
    .module-faster-7-comparison-infographic .image .infographic {
        width:100%
    }
}

.state-fallback .module-faster-7-comparison-infographic .image .infographic {
    display: none
}

.module-faster-7-comparison-infographic .image .infographic .title {
    position: relative;
    height: 50px;
    font-size: 32px;
    color: #b9bcbf;
    text-align: center
}

.module-faster-7-comparison-infographic .image .infographic .title sup {
    position: relative;
    vertical-align: top;
    font-size: 16px;
    line-height: 48px
}

.module-faster-7-comparison-infographic .image .infographic .bars {
    position: absolute;
    z-index: 10;
    top: 80px
}

.module-faster-7-comparison-infographic .image .infographic .us,.module-faster-7-comparison-infographic .image .infographic .them {
    position: relative;
    display: table-row
}

.module-faster-7-comparison-infographic .image .infographic .us .speed .bar {
    background: url();
    background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(0,215,255,0)),color-stop(100%,#00d7ff));
    background: -webkit-linear-gradient(left,rgba(0,215,255,0) 0%,#00d7ff 100%);
    background: linear-gradient(to right,rgba(0,215,255,0) 0%,#00d7ff 100%);
    width: 0;
    max-width: 483px
}

.module-faster-7-comparison-infographic .image .infographic .us .time {
    color: #00d7ff
}

.module-faster-7-comparison-infographic .image .infographic .them .speed .bar {
    background: url();
    background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(106,114,119,0)),color-stop(100%,#6a7277));
    background: -webkit-linear-gradient(left,rgba(106,114,119,0) 0%,#6a7277 100%);
    background: linear-gradient(to right,rgba(106,114,119,0) 0%,#6a7277 100%);
    width: 0;
    max-width: 383px
}

.module-faster-7-comparison-infographic .image .infographic .them .time {
    color: #737d82
}

.module-faster-7-comparison-infographic .image .infographic .us .speed,.module-faster-7-comparison-infographic .image .infographic .them .speed {
    position: relative;
    display: table-cell;
    width: 483px;
    height: 59px;
    padding-top: 10px;
    font-size: 0;
    white-space: nowrap;
    overflow: hidden
}

.module-faster-7-comparison-infographic .image .infographic .us .speed .bar,.module-faster-7-comparison-infographic .image .infographic .them .speed .bar {
    position: relative;
    float: left;
    height: 10px;
    top: -10px
}

.module-faster-7-comparison-infographic .image .infographic .us .speed .bar .title,.module-faster-7-comparison-infographic .image .infographic .them .speed .bar .title {
    position: relative;
    display: block;
    top: -24px;
    font-family: "graphik-semibold","HelveticaNeue","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 16px;
    color: #b9bcbf;
    text-align: right;
    opacity: 0
}

.module-faster-7-comparison-infographic .image .infographic .us .speed .bar-remainder,.module-faster-7-comparison-infographic .image .infographic .them .speed .bar-remainder {
    position: relative;
    display: none;
    float: left;
    height: 10px;
    width: 100px;
    top: -10px;
    background-color: #ff1923
}

.module-faster-7-comparison-infographic .image .infographic .us .time,.module-faster-7-comparison-infographic .image .infographic .them .time {
    position: relative;
    display: table-cell;
    height: 84px;
    padding-left: 17px
}

.module-faster-7-comparison-infographic .image .infographic .us .time .second,.module-faster-7-comparison-infographic .image .infographic .them .time .second {
    position: relative;
    display: inline-block;
    font-family: "flama-condensed-bold","HelveticaNeue","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 40px;
    letter-spacing: -4px
}

.module-faster-7-comparison-infographic .image .infographic .us .time .millis,.module-faster-7-comparison-infographic .image .infographic .them .time .millis {
    position: relative;
    display: inline-block;
    top: -12px;
    font-family: "flama-condensed-bold","HelveticaNeue","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 24px
}

.module-faster-7-comparison-infographic .image .infographic .us .time .text,.module-faster-7-comparison-infographic .image .infographic .them .time .text {
    position: relative;
    display: block;
    top: -30px;
    left: 20px;
    font-family: "graphik-semibold","HelveticaNeue","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 14px
}

.module-faster-7-comparison-infographic .image .infographic .legend {
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 0
}

.module-faster-7-comparison-infographic .image .infographic .legend span {
    position: relative;
    display: inline-block;
    width: 105px;
    padding-top: 265px;
    background: url(//images.gogoroapp.com/vertical-grid-line-dark-gray.png) no-repeat 44px 50px;
    font-family: "graphik-extra-light","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 200;
    font-style: normal;
    font-size: 18px;
    color: #737d82;
    text-align: center
}

.module-faster-7-comparison-infographic .image .infographic .legend span sup {
    position: relative;
    vertical-align: top;
    font-size: 9px;
    line-height: 27px
}

.module-faster-7-comparison-infographic .image .infographic .punch-line {
    position: absolute;
    display: table;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 100
}

.module-faster-7-comparison-infographic .image .infographic .punch-line .comparison-wrapper {
    display: table-cell;
    vertical-align: middle
}

.module-faster-7-comparison-infographic .image .infographic .punch-line .comparison-wrapper .comparison {
    width: 200px;
    margin: 44px auto 32px;
    border: 2px solid #fff;
    padding: 10px 0;
    font-family: "graphik-extra-light","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 200;
    font-style: normal;
    color: #fff
}

.module-faster-7-comparison-infographic .image .infographic .punch-line .comparison-wrapper .comparison .percent {
    display: block;
    text-align: center;
    font-size: 72px;
    line-height: 96px
}

.module-faster-7-comparison-infographic .image .infographic .punch-line .comparison-wrapper .comparison .percent sup {
    position: relative;
    vertical-align: top;
    font-size: 36px;
    line-height: 108px
}

.module-faster-7-comparison-infographic .image .infographic .punch-line .comparison-wrapper .comparison .text {
    display: block;
    margin-top: -20px;
    margin-bottom: 10px;
    text-align: center;
    font-size: 32px;
    line-height: 32px
}

@media(min-width: 768px) and (max-width:991px) {
    .module-faster-7-comparison-infographic .background-image {
        margin-top:48px
    }
}

@media(max-width: 767px) {
    .module-faster-7-comparison-infographic .background-image {
        margin-bottom:24px
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .module-faster-7-comparison-infographic h2 {
        text-align:center
    }

    .module-faster-7-comparison-infographic p {
        text-align: center;
        max-width: 595px;
        margin-bottom: 48;
        margin-left: auto;
        margin-right: auto
    }
}

@media(max-width: 767px) {
    .module-faster-7-comparison-infographic p {

    }
}

.theme-toggle a {
    border: 0;
    margin-right: 20px;
    color: #fff;
    opacity: .3;
    font-family: "graphik-semibold","HelveticaNeue","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 600;
    font-style: normal
}

html[lang=zh-TW] .theme-toggle a {
    font-family: 'xingothic-w8','Microsoft JhengHei','STHeiti';
    font-weight: 500
}

.border {
    border: 1px solid #ff3228
}

.border-green {
    border: 1px solid green
}

.module-faster-7-comparison-infographic .image .charts {
    position: absolute;
    left: 50px;
    top: -150px
}

.module-faster-7-comparison-infographic .image .charts.torque {
    top: -156px
}

.module-faster-7-comparison-infographic .fallback-torque-wrap {
    position: relative;
    background: url("//images.gogoroapp.com/bgd-module-faster-7-torque_full.png") no-repeat;
    width: 636px;
    height: 374px
}

.module-faster-7-comparison-infographic .image .infographic .fallback-torque-wrap .legend {
    top: 43px;
    left: 50px
}

.module-faster-7-comparison-infographic .image .infographic .fallback-torque-wrap .legend span {
    width: 85px;
    color: #737d82
}

.module-faster-7-comparison-infographic .image .infographic .fallback-torque-wrap .title {
    padding-top: 40px
}

.chart-title,.chart-num {
    position: absolute
}

.chart-title {
    font-family: "graphik-semibold","HelveticaNeue","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 16px;
    color: #b9bcbf;
    top: 116px;
    left: 98px
}

.chart-title.title--other {
    top: 270px
}

.chart-num {
    font-family: "flama-condensed-bold","HelveticaNeue","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 40px;
    color: #00d7ff;
    top: 100px;
    left: 30px
}

.chart-num span {
    font-size: 20px
}

.chart-num.num--other {
    color: #737d82;
    top: 255px
}

#svg-gogoro-torque,#svg-normal-torque,#svg-normal-red-torque {
    stroke-dasharray: 600;
    stroke-dashoffset: 600
}

@media only screen and (min-width: 768px) and (max-width:970px) {
    .module-faster-7-comparison-infographic img.fallback {
        margin-bottom:0;
        margin-top: 0
    }

    .no-guter {
        padding-left: 0;
        padding-right: 0
    }

    .acceleration-txt-wrap {
        margin-top: -1px;
        background-color: #3d3c42
    }

    .torque-txt-wrap p {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media(max-width: 767px) {
    .module-faster-7-comparison-infographic {
        padding:0 0 0 0
    }

    .module-faster-7-comparison-infographic img.fallback {
        margin-bottom: 0;
        margin-top: 0
    }

    .state-fallback .module-faster-7-comparison-infographic .fallback {
        width: 95%
    }

    .no-guter {
        padding-left: 0;
        padding-right: 0
    }

    .vertical-center-acceleration {
        padding-top: 48px;
        background-color: #3d3c42
    }

    .torque-fallback-image {
        padding-top: 48px
    }

    .acceleration-txt-wrap {
        margin-top: -1px;
        background-color: #3d3c42
    }

    .acceleration-txt-wrap h2,.torque-txt-wrap h2 {
        padding-top: 24px
    }

    .acceleration-txt-wrap p {
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 48px
    }

    .torque-txt-wrap p {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 48px
    }
}

.module-faster-8-control-hero {
    width: 100%;
    height: 800px;
    position: relative;
    overflow: hidden;
    color: #0069d2;
    background-color: #ebebeb
}

.module-faster-8-control-hero:before {
    content: "";
    float: left
}

.module-faster-8-control-hero:after {
    content: "";
    display: table;
    clear: both
}

.module-faster-8-control-hero .container {
    position: relative;
    height: 100%
}

.module-faster-8-control-hero .background-image {
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    background-position: 50% 50%
}

@media(max-width: 767px) {
    .module-faster-8-control-hero .background-image {
        width:100%;
        height: 100%;
        background-size: cover;
        left: 0;
        margin-left: 0
    }
}

.module-faster-8-control-hero .background-image {
    width: 2560px;
    background-size: contain;
    left: 50%;
    margin-left: -1280px
}

@media(min-width: 768px) and (max-width:991px) {
    .module-faster-8-control-hero .background-image {
        width:100%;
        height: 100%;
        background-size: cover;
        left: 0;
        margin-left: 0
    }
}

@media(max-width: 767px) {
    .module-faster-8-control-hero .background-image {
        width:100%;
        height: 100%;
        background-size: cover;
        left: 0;
        margin-left: 0;
        background-position: 80% 50%
    }
}

.module-faster-9-chassis {
    width: 100%;
    height: 600px;
    position: relative;
    overflow: hidden;
    background-color: #e9e9e9
}

.module-faster-9-chassis:before {
    content: "";
    float: left
}

.module-faster-9-chassis:after {
    content: "";
    display: table;
    clear: both
}

.module-faster-9-chassis .container {
    position: relative;
    height: 100%
}

@media(min-width: 768px) and (max-width:991px) {
    .module-faster-9-chassis {
        height:auto
    }
}

@media(max-width: 767px) {
    .module-faster-9-chassis {
        height:auto
    }
}

.module-faster-9-chassis.standard .frame-pagination,.module-faster-9-chassis.standard .video-viewport-wrapper {
    display: block
}

.module-faster-9-chassis.fallback {
    height: auto;
    padding-bottom: 48px
}

.module-faster-9-chassis.fallback .frame-pagination,.module-faster-9-chassis.fallback .video-viewport-wrapper {
    display: none
}

.state-fallback .module-faster-9-chassis {
    background-color: #f7f7f7
}

@media(min-width: 768px) and (max-width:991px) {
    .state-fallback .module-faster-9-chassis {
        padding:0 0 48px
    }
}

@media(max-width: 767px) {
    .state-fallback .module-faster-9-chassis {
        padding:0 0 48px
    }
}

.module-faster-9-chassis .module-video-slider-content {
    width: 100%;
    height: 600px;
    position: relative;
    overflow: hidden
}

.module-faster-9-chassis .module-video-slider-content:before {
    content: "";
    float: left
}

.module-faster-9-chassis .module-video-slider-content:after {
    content: "";
    display: table;
    clear: both
}

.module-faster-9-chassis .module-video-slider-content .container {
    position: relative;
    height: 100%
}

.state-fallback .module-faster-9-chassis .module-video-slider-content {
    height: 600px
}

@media(min-width: 768px) and (max-width:991px) {
    .state-fallback .module-faster-9-chassis .module-video-slider-content {
        height:auto
    }
}

@media(max-width: 767px) {
    .state-fallback .module-faster-9-chassis .module-video-slider-content {
        height:auto
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .module-faster-9-chassis .module-video-slider-content {
        height:auto
    }
}

@media(max-width: 767px) {
    .module-faster-9-chassis .module-video-slider-content {
        height:auto
    }
}

.module-faster-9-chassis .module-video-slider-content .fallback-image {
    height: 100%
}

.module-faster-9-chassis .module-video-slider-content .fallback-image img {
    display: none
}

.module-faster-9-chassis .module-video-slider-content .content-wrapper {
    position: absolute;
    display: table;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: auto
}

@media(max-width: 767px) {
    .module-faster-9-chassis .module-video-slider-content .content-wrapper {
        position:relative;
        padding-top: 62.5%;
        width: 90%
    }
}

.module-faster-9-chassis .module-video-slider-content .content-wrapper .text {
    display: table-cell;
    vertical-align: middle
}

.module-faster-9-chassis .module-video-slider-content .content-wrapper .text .title {
    position: relative;
    margin-bottom: 20px;
    font-family: "graphik-extra-light","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 200;
    font-style: normal;
    font-size: 44px;
    line-height: 48px;
    color: #323237
}

.module-faster-9-chassis .module-video-slider-content .content-wrapper .text .title span.small {
    display: block;
    font-family: "graphik-semibold","HelveticaNeue","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 18px
}

@media(max-width: 767px) {
    .module-faster-9-chassis .module-video-slider-content .content-wrapper .text .title {
        font-size:32px;
        font-size: 3.2rem
    }
}

.module-faster-9-chassis .module-video-slider-content .content-wrapper .text .body {
    position: relative;
    font-family: "graphik-light","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 18px;
    color: #323237
}

.module-faster-9-chassis .module-video-slider-content .content-wrapper .text .body sup {
    position: relative;
    vertical-align: top;
    font-size: 9px;
    line-height: 27px
}

@media(max-width: 767px) {
    .module-faster-9-chassis .module-video-slider-content .content-wrapper {
        position:static;
        padding-top: 62.5%
    }
}

@media(max-width: 767px) {
    .module-faster-9-chassis .module-video-slider-content .content-wrapper .text {
        padding:10% 0
    }
}

.module-faster-9-chassis .module-video-slider-content .content-wrapper .image {
    display: table-cell;
    vertical-align: middle;
    width: 67%
}

@media(max-width: 767px) {
    .module-faster-9-chassis .module-video-slider-content .content-wrapper .image {
        display:none
    }
}

.module-faster-9-chassis .module-video-slider-content.slick-slider {
    cursor: default
}

.module-faster-9-chassis .module-video-slider-content.slick-slider .fallback-image img {
    display: block
}

.module-faster-9-chassis .module-video-slider-content.slick-slider .background-image {
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    background-position: 50% 50%
}

@media(max-width: 767px) {
    .module-faster-9-chassis .module-video-slider-content.slick-slider .background-image {
        width:100%;
        height: 100%;
        background-size: cover;
        left: 0;
        margin-left: 0
    }
}

.module-faster-9-chassis .module-video-slider-content.slick-slider .background-image {
    display: none;
    width: 100%;
    height: auto;
    background-size: cover;
    z-index: -1
}

.state-fallback .module-faster-9-chassis .module-video-slider-content.slick-slider .background-image {
    display: block
}

@media(min-width: 768px) and (max-width:991px) {
    .module-faster-9-chassis .module-video-slider-content.slick-slider .background-image {
        position:static;
        top: 0;
        width: 100%;
        height: auto;
        margin-left: 0!important;
        margin-bottom: 48px
    }
}

@media(max-width: 767px) {
    .module-faster-9-chassis .module-video-slider-content.slick-slider .background-image {
        position:static;
        top: 0;
        width: 100%;
        height: auto;
        margin-left: 0!important;
        margin-bottom: 48px
    }
}

.module-faster-9-chassis .module-video-slider-content.slick-slider .content-wrapper {
    position: relative;
    margin: 0;
    display: block;
    width: 100%;
    height: 600px;
    opacity: 1;
    padding: 24px 15px;
    overflow: hidden
}

.state-fallback .module-faster-9-chassis .module-video-slider-content.slick-slider .content-wrapper {
    height: 600px;
    padding: 0 0 24px
}

@media(min-width: 768px) and (max-width:991px) {
    .state-fallback .module-faster-9-chassis .module-video-slider-content.slick-slider .content-wrapper {
        height:auto;
        padding-bottom: 48px
    }
}

@media(max-width: 767px) {
    .state-fallback .module-faster-9-chassis .module-video-slider-content.slick-slider .content-wrapper {
        height:auto;
        padding-bottom: 48px
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .module-faster-9-chassis .module-video-slider-content.slick-slider .content-wrapper {
        height:auto
    }
}

@media(max-width: 767px) {
    .module-faster-9-chassis .module-video-slider-content.slick-slider .content-wrapper {
        height:auto
    }
}

.module-faster-9-chassis .module-video-slider-content.slick-slider .slick-dots {
    margin: 0;
    bottom: 0
}

.module-faster-10-suspension {
    margin-top: -28px;
    z-index: 500;
    height: 856px;
    width: 100%;
    position: relative;
    overflow: hidden
}

@media(min-width: 768px) and (max-width:991px) {
    .module-faster-10-suspension {
        height:auto;
        margin: 0
    }
}

@media(max-width: 767px) {
    .module-faster-10-suspension {
        height:auto;
        margin: 0
    }
}

.module-faster-10-suspension .timeline {
    text-align: center;
    height: 856px;
    width: 100%;
    position: relative;
    z-index: 0;
    overflow: hidden;
    cursor: pointer
}

.module-faster-10-suspension .timeline-control {
    width: 1280px;
    height: 856px;
    position: absolute;
    top: 28px;
    left: 0;
    z-index: 1
}

.module-faster-10-suspension .item {
    width: 1280px;
    height: 828px;
    position: absolute;
    top: 0;
    z-index: 0;
    -webkit-transition: left 200ms ease;
    transition: left 200ms ease
}

.module-faster-10-suspension .item .scooter {
    width: 1088px;
    height: 828px;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: 1088px 828px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -544px
}

.module-faster-10-suspension .item .item-one-image {
    background: url('//gogoro.imgix.net/bgd-module-faster-10-scooter_0616.jpg?w=1088') no-repeat
}

.module-faster-10-suspension .item .item-six-image {
    background: url('//gogoro.imgix.net/module-faster-10-scooter-xray.jpg?w=1088') no-repeat
}

.module-faster-10-suspension .item .scooter-top {
    width: 1088px;
    height: 28px;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: 1088px 28px;
    position: absolute;
    top: -28px;
    left: 50%;
    margin-left: -544px
}

.module-faster-10-suspension .item-one {
    left: 80px
}

.module-faster-10-suspension .item-two {
    left: 1300px
}

.module-faster-10-suspension .item-three {
    left: 2560px
}

.module-faster-10-suspension .item-four {
    left: -3700px
}

.module-faster-10-suspension .item-five {
    left: -2481px
}

.module-faster-10-suspension .item-six {
    padding-top: 10px;
    left: -1300px
}

.module-faster-10-suspension .item-six .item-six-video-wrap {
    width: 1088px;
    height: 800px;
    margin: 0 auto
}

.module-faster-10-suspension .item-six .item-six-video-wrap video {
}

.module-faster-10-suspension .content-wrapper {
    width: 320px;
    position: absolute;
    top: 93px;
    z-index: 0;
    margin-left: -160px;
    display: none
}

.module-faster-10-suspension .content-1 {
    left: 1280px;
    display: block
}

.module-faster-10-suspension .content-1.cloned {
    left: -2500px
}

.module-faster-10-suspension .content-2 {
    left: 40px
}

.module-faster-10-suspension .content-3 {
    left: -1250px;
    width: 304px;
    margin-left: -152px
}

.module-faster-10-suspension .timeline-background {
    background-color: #fff;
    position: absolute;
    top: 28px;
    left: 0;
    width: 100%;
    height: 828px;
    z-index: 0
}

.module-faster-10-suspension .timeline-next {
    font-size: 15px;
    font-size: 1.5rem;
    background-color: #f1f3f3;
    padding: 18px 20px 16px 24px;
    text-transform: uppercase
}

.module-faster-10-suspension .timeline-next:hover {
    color: #fff;
    background-color: #0069d2
}

.module-faster-10-suspension .timeline-next i {
    font-size: 13px;
    font-size: 1.3rem
}

.module-faster-10-suspension .timeline-indicator {
    width: 100%;
    position: absolute;
    bottom: 10px;
    z-index: 100;
    color: #c1c1c3;
    margin: 0
}

.module-faster-10-suspension .timeline-indicator li {
    padding-left: 9px;
    padding-right: 9px
}

.module-faster-10-suspension .timeline-indicator li i {
    font-size: 12px;
    line-height: 20px;
    height: 20px;
    width: 20px
}

.module-faster-10-suspension .timeline-indicator li i.icon-bullet-active {
    color: #323237
}

.module-faster-10-suspension .fallback {
    display: none;
    margin-top: -40px;
    padding-bottom: 48px;
    text-align: center
}

@media(min-width: 768px) and (max-width:991px) {
    .state-fallback .module-faster-10-suspension .fallback {
        display:block
    }
}

@media(max-width: 767px) {
    .state-fallback .module-faster-10-suspension .fallback {
        display:block
    }
}

.module-faster-10-suspension .fallback .container {
    margin-top: 10px;
    margin-bottom: 48px
}

.module-faster-10-suspension .fallback img {
    width: 100%;
    height: auto
}

.module-faster-10-suspension .fallback .container-one {
    margin-top: -20px;
    margin-bottom: -50px
}

.module-faster-10-suspension .fallback .container-two {
    margin-bottom: 0
}

.module-faster-10-suspension .fallback .container-three {
    margin-bottom: 0
}

.module-faster-11a-center-lock {
    position: relative;
    background: #fff;
    width: 100%;
    height: 800px;
    position: relative;
    overflow: hidden
}

.module-faster-11a-center-lock:before {
    content: "";
    float: left
}

.module-faster-11a-center-lock:after {
    content: "";
    display: table;
    clear: both
}

.module-faster-11a-center-lock .container {
    position: relative;
    height: 100%
}

@media(max-width: 767px) {
    .module-faster-11a-center-lock {
        height:auto;
        padding-bottom: 24px
    }
}

.module-faster-11a-center-lock .background-image {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1335px;
    z-index: 0;
    width: 1495px;
    height: 800px
}

@media(max-width: 767px) {
    .module-faster-11a-center-lock .background-image {
        position:static;
        width: 140%;
        height: auto;
        margin-left: -40%;
        margin-bottom: 24px
    }
}

.module-faster-11a-center-lock .background-image img {
    width: 1495px;
    height: 800px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

@media(max-width: 767px) {
    .module-faster-11a-center-lock .background-image img {
        position:static;
        width: 100%;
        height: auto
    }
}

.module-faster-11a-center-lock .background-image img.active {
    z-index: 1;
    display: none
}

@media(max-width: 767px) {
    .module-faster-11a-center-lock .vertical-center-flex {
        display:block
    }
}

.module-faster-11-compound-tire {
    position: relative;
    background: #e3e3e3;
    width: 100%;
    height: 800px;
    position: relative;
    overflow: hidden
}

.module-faster-11-compound-tire:before {
    content: "";
    float: left
}

.module-faster-11-compound-tire:after {
    content: "";
    display: table;
    clear: both
}

.module-faster-11-compound-tire .container {
    position: relative;
    height: 100%
}

@media(min-width: 768px) and (max-width:991px) {
    .module-faster-11-compound-tire {
        height:auto;
        padding-bottom: 48px
    }
}

@media(max-width: 767px) {
    .module-faster-11-compound-tire {
        height:auto;
        padding-bottom: 48px
    }
}

.module-faster-11-compound-tire .background-image {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -640px;
    z-index: 0;
    width: 1280px;
    height: 800px
}

@media(min-width: 768px) and (max-width:991px) {
    .module-faster-11-compound-tire .background-image {
        position:static;
        width: 140%;
        height: auto;
        margin-left: -27%;
        margin-bottom: -24px
    }
}

@media(max-width: 767px) {
    .module-faster-11-compound-tire .background-image {
        position:static;
        width: 140%;
        height: auto;
        margin-left: -27%;
        margin-bottom: 0
    }
}

.module-faster-11-compound-tire .background-image img {
    width: 1280px;
    height: 800px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

.mobile .module-faster-11-compound-tire .background-image img {
    display: none
}

@media(min-width: 768px) and (max-width:991px) {
    .module-faster-11-compound-tire .background-image img {
        position:static;
        width: 100%;
        height: auto;
        display: none
    }
}

@media(max-width: 767px) {
    .module-faster-11-compound-tire .background-image img {
        position:static;
        width: 100%;
        height: auto;
        display: none
    }
}

.module-faster-11-compound-tire .background-image img.active {
    z-index: 1;
    display: none
}

.mobile .module-faster-11-compound-tire .background-image img.active {
    display: block
}

@media(min-width: 768px) and (max-width:991px) {
    .module-faster-11-compound-tire .background-image img.active {
        display:block
    }
}

@media(max-width: 767px) {
    .module-faster-11-compound-tire .background-image img.active {
        display:block
    }
}

.module-faster-11-compound-tire .maxxis {
    display: block;
    margin-top: 40px;
    font-size: 12px
}

.module-faster-11-compound-tire .maxxis .logo {
    display: block;
    margin-top: 8px;
    width: 128px;
    height: 20px;
    background: transparent url(//images.gogoroapp.com/logo-maxxis-bw.png) no-repeat
}

.module-faster-11-compound-tire .descriptions {
    position: relative;
    top: -100px;
    left: -15px
}

@media(min-width: 992px) and (max-width:1199px) {
    .module-faster-11-compound-tire .descriptions {
        left:35px
    }
}

.module-faster-11-compound-tire .descriptions p {
    margin: 0
}

.module-faster-11-compound-tire .descriptions .line {
    position: absolute;
    z-index: 100;
    display: none
}

.module-faster-11-compound-tire .descriptions .center {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    margin-bottom: 48px
}

.module-faster-11-compound-tire .descriptions .center .line {
    background-color: #00d7ff;
    left: -206px;
    top: 40px;
    height: 2px;
    width: 196px
}

.module-faster-11-compound-tire .descriptions .edge {
    display: none;
    position: absolute;
    top: 130px;
    left: 0;
    margin-bottom: 48px
}

.module-faster-11-compound-tire .descriptions .edge .line {
    background-color: #0069d2;
    left: -160px;
    top: 40px;
    height: 2px;
    width: 150px
}

.module-faster-12-13-balance-lean-angle {
    overflow: hidden;
    position: relative;
    background: #043646;
    background: url();
    background: -webkit-gradient(linear,left top,right top,color-stop(50%,#043646),color-stop(51%,#022c39));
    background: -webkit-linear-gradient(left,#043646 50%,#022c39 51%);
    background: linear-gradient(to right,#043646 50%,#022c39 51%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#043646',endColorstr='#022c39',GradientType=1);
    color: #fff;
    text-align: center
}

.module-faster-12-13-balance-lean-angle .container {
    height: 100%
}

.module-faster-12-13-balance-lean-angle .container .row {
    height: 100%
}

.module-faster-12-13-balance-lean-angle img {
    display: block;
    width: 100%;
    height: auto;
    padding: 0 20px;
    margin: 33px auto 80px
}

@media(min-width: 768px) and (max-width:991px) {
    .module-faster-12-13-balance-lean-angle img {
        margin:24px auto 24px
    }
}

@media(max-width: 767px) {
    .module-faster-12-13-balance-lean-angle img {
        margin:24px auto 24px
    }
}

.module-faster-12-13-balance-lean-angle h2 {
    margin-bottom: 60px
}

@media(min-width: 768px) and (max-width:991px) {
    .module-faster-12-13-balance-lean-angle h2 {
        margin-bottom:48px
    }
}

@media(max-width: 767px) {
    .module-faster-12-13-balance-lean-angle h2 {
        margin-bottom:24px
    }
}

.module-faster-12-13-balance-lean-angle p {
    margin-bottom: 0
}

.module-faster-12-13-balance-lean-angle .balanced {
    height: 100%;
    background-color: #043646
}

.module-faster-12-13-balance-lean-angle .agile {
    height: 100%;
    background-color: #022c39
}

.module-faster-12-13-balance-lean-angle .padding {
    width: 555px;
    height: 837px;
    padding: 93px 40px 100px;
    margin: 0 auto
}

@media(min-width: 992px) and (max-width:1199px) {
    .module-faster-12-13-balance-lean-angle .padding {
        width:100%;
        padding: 48px 15px
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .module-faster-12-13-balance-lean-angle .padding {
        width:100%;
        height: auto;
        padding: 48px 15px
    }
}

@media(max-width: 767px) {
    .module-faster-12-13-balance-lean-angle .padding {
        width:100%;
        height: auto;
        padding: 48px 20px
    }
}

.module-faster-14-aerodynamic-design {
    width: 100%;
    height: 800px;
    position: relative;
    overflow: hidden;
    background-color: #000;
    color: #fff
}

.module-faster-14-aerodynamic-design:before {
    content: "";
    float: left
}

.module-faster-14-aerodynamic-design:after {
    content: "";
    display: table;
    clear: both
}

.module-faster-14-aerodynamic-design .container {
    position: relative;
    height: 100%
}

@media(min-width: 768px) and (max-width:991px) {
    .module-faster-14-aerodynamic-design {
        height:auto;
        padding: 0 0 48px
    }
}

@media(max-width: 767px) {
    .module-faster-14-aerodynamic-design {
        height:auto;
        padding: 0 0 48px
    }
}

.module-faster-14-aerodynamic-design .background-image {
    display: block;
    width: 2560px;
    height: 800px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -1280px;
    z-index: 0
}

@media(min-width: 768px) and (max-width:991px) {
    .module-faster-14-aerodynamic-design .background-image {
        width:2560px;
        height: 800px;
        position: relative;
        left: 58%;
        margin-left: -1280px;
        margin-bottom: 24px
    }
}

@media(max-width: 767px) {
    .module-faster-14-aerodynamic-design .background-image {
        width:1280px;
        height: 400px;
        position: relative;
        left: 58%;
        margin-left: -640px;
        margin-bottom: 24px
    }
}

.module-faster-14-aerodynamic-design p {
    margin-bottom: 0
}

.module-faster-15-waterproof {
    width: 100%;
    height: 600px;
    position: relative;
    overflow: hidden;
    position: relative;
    overflow: hidden
}

.module-faster-15-waterproof:before {
    content: "";
    float: left
}

.module-faster-15-waterproof:after {
    content: "";
    display: table;
    clear: both
}

.module-faster-15-waterproof .container {
    position: relative;
    height: 100%
}

@media(min-width: 768px) and (max-width:991px) {
    .module-faster-15-waterproof {
        padding-bottom:48px;
        height: auto
    }
}

@media(max-width: 767px) {
    .module-faster-15-waterproof {
        padding-bottom:48px;
        height: auto
    }
}

.module-faster-15-waterproof .fallback-image {
    display: none
}

.module-faster-15-waterproof.fallback .fallback-image {
    display: block;
    width: 2560px;
    height: 600px;
    margin-left: -1280px;
    position: absolute;
    top: 0;
    left: 50%
}

@media(min-width: 768px) and (max-width:991px) {
    .module-faster-15-waterproof.fallback .fallback-image {
        position:relative
    }
}

@media(max-width: 767px) {
    .module-faster-15-waterproof.fallback .fallback-image {
        width:1365px;
        height: 320px;
        margin-left: -637px;
        position: relative
    }
}

.module-faster-15-waterproof .container {
    margin-top: 100px
}

@media(min-width: 768px) and (max-width:991px) {
    .module-faster-15-waterproof .container {
        margin-top:24px
    }
}

@media(max-width: 767px) {
    .module-faster-15-waterproof .container {
        margin-top:24px
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .module-faster-15-waterproof h2 {
        margin-bottom:12px
    }
}

@media(max-width: 767px) {
    .module-faster-15-waterproof h2 {
        margin-bottom:12px
    }
}

.module-faster-15-waterproof p {
    margin: 0
}

.module-faster-15-waterproof .video {
    width: 2560px;
    height: 600px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -1280px;
    z-index: 0
}

@media(min-width: 768px) and (max-width:991px) {
    .module-faster-15-waterproof .video {
        display:none
    }
}

@media(max-width: 767px) {
    .module-faster-15-waterproof .video {
        display:none
    }
}

.module-faster-15-waterproof .fallback {
    position: relative;
    height: 600px;
    width: 2560px;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -1280px
}

@media(min-width: 768px) and (max-width:991px) {
    .module-faster-15-waterproof .fallback {
        position:static;
        width: 100%;
        height: auto;
        margin-left: 0
    }
}

@media(max-width: 767px) {
    .module-faster-15-waterproof .fallback {
        position:static;
        width: 100%;
        height: auto;
        margin-left: 0
    }
}

.module-faster-15-waterproof .water-level {
    width: 100px;
    height: 100px;
    position: relative;
    top: 15px
}

@media(min-width: 768px) and (max-width:991px) {
    .module-faster-15-waterproof .water-level {
        display:none
    }
}

@media(max-width: 767px) {
    .module-faster-15-waterproof .water-level {
        display:none
    }
}

.state-fallback .module-faster-15-waterproof .water-level {
    display: none
}

.state-fallback .module-faster-15-waterproof .video {
    display: none
}

.module-faster-15-waterproof .sample-note {
    display: block;
    font-size: 12px;
    color: #c1c1c3;
    margin-top: 14px
}

.module-faster-16-design-ethos {
    overflow: hidden;
    color: #323237;
    background-color: #e6e5e3
}

.module-faster-16-design-ethos .container {
    padding-top: 48px;
    padding-bottom: 96px
}

@media(min-width: 768px) and (max-width:991px) {
    .module-faster-16-design-ethos .container {
        padding-top:48px;
        padding-bottom: 48px
    }
}

@media(max-width: 767px) {
    .module-faster-16-design-ethos .container {
        padding-top:0;
        padding-bottom: 48px
    }
}

.module-faster-16-design-ethos .container strong {
    display: block;
    margin-bottom: 6px
}

.module-faster-16-design-ethos .container h2 {
    margin: 0
}

@media(min-width: 768px) and (max-width:991px) {
    .module-faster-16-design-ethos .container h2 {
        margin-bottom:24px
    }
}

@media(max-width: 767px) {
    .module-faster-16-design-ethos .container h2 {
        margin-bottom:24px
    }
}

.module-faster-16-design-ethos .container p {
    margin: 0
}

.module-faster-16-design-ethos .background-image {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 24px
}
